﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Traversing - Filtering</title>
    <script src="script/jquery-1.3.2.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            $("tr").eq(0).addClass("Header");
            $("tr").eq(6).addClass("Header");
        });
    </script>
    <style type="text/css">
        body
        {
        	font-family:Verdana;
        	font-size:12px;
        }
        
        .Header
        {
    	    background-color:Black;
    	    color:White;
    	    font-weight:bold;
    	    text-align:center;
    	    text-transform:uppercase;
        }
    </style>
</head>
<body>
    <table border="1" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td>No.</td>
            <td>Nama</td>
            <td>Alamat</td>
        </tr>
        <tr>
            <td>1.</td>
            <td>Nama #1</td>
            <td>Alamat #1</td>
        </tr>
        <tr>
            <td>2.</td>
            <td>Nama #2</td>
            <td>Alamat #2</td>
        </tr>
        <tr>
            <td>3.</td>
            <td>Nama #3</td>
            <td>Alamat #3</td>
        </tr>
        <tr>
            <td>4.</td>
            <td>Nama #4</td>
            <td>Alamat #4</td>
        </tr>
        <tr>
            <td>5.</td>
            <td>Nama #5</td>
            <td>Alamat #5</td>
        </tr>
        <tr>
            <td colspan="3">1 2 3</td>
        </tr>
    </table>
</body>
</html>

